<template>
	  <transition name="fade">
						<!--<div class="position-horizontal-demo" v-for="(item,index) in classList" @click="selectClass(item)">
							<span class="vux-close">
									{{item.deptName}}
							</span>
						</div>-->
							<div class="newlist2" style="height:500px;margin-top: 0;">
				<!--<x-header title="选择被检查单位"></x-header>-->
										<div class="tree-menu" style="background: #fff">
												<ul class="showul" v-for="(menuItem,index) in data" :key="index">
													 <my-tree :model="menuItem"  :type="type" :name="name"></my-tree>
												</ul>
									 </div>
							</div>
					
      </transition>
</template>
<script>
import myTree from './treemenu';
import {TransferDom, Popup} from 'vux'
export default {
  name: 'App',
  data () {
      return {
        theModel: [],
        userId:"",
        tokenId:"",
        projectId:"",
        userInfo:"",
      }
 },
 directives:{
     TransferDom
 },
  components: {
    myTree,
		Popup
  },
	watch:{
// 		classValue(val){
// 			 this.$emit("update:classValue",val);
//        this.$forceUpdate();
// 		}
	},
	props:{
		 data:{
			  type:Array,
				default:[]
		 },
		 classValue:{
			 type:Boolean,
			 default:false,
		 },
		 name:{
			 type:String,
			 default:'Name',
		 },
		 type:{
			 type:String,
			 default:"company"
		 }
	},
  created() {
		this.isTree = true;
  },
  methods:{
      
  },
	destroyed() {
		this.classValue = false;
	}

}
</script>

<style scoped lang="less">
.newlist2{
	margin-top: 0!important;
  background-color:#fff;
}
.fade-enter-active,.fade-leave-active{
	 transition:opacity 5s;
}
.fade-enter,.fade-leave-to{
	 opacity: 0;
}
</style>
